在正式开发之前,我们先来搭建开发环境:一个合理的开发环境,会大大提高我们写代码的效率,规范性和健壮程度。
我们将会从初始化环境开始,然后从检查(Lint) 、测试(Test) 、构建(Build) 、版本管理(Version Control) 和 持续化集成(Continuous integration) 这几方面来搭建我们的开发环境。
那么首先我们来初始化我们的环境。
# 初始化环境
首先在任意位置新建一个名叫 sparrow 的文件夹,然后安装下面对应版本的 node 和 npm:
-
node: 14.17.6
-
npm: 6.14.15
接下来运行 npm init -y 来初始化环境,这之后 sparrow 文件夹里会出现一个 package.json 文件。又了它之后,我们就来搭建我们的开发环境!
代码编辑器推荐使用 VSCode
# 代码检查(Lint)
首先我们来看看代码检查,代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,能帮助我们规范代码和加少出错的可能性。这里我们将使用 ESlint 来作为代码检查的工具。
$ npm install eslint --save-dev
我们可以通过下面的命令来初始化 ESlint 的配置,它会问你一些问题,根据你的选择去生成对应的配置文件。
$ npx eslint --init
这里把问题和答案都记录下来了。
-
How would you like to use ESLint? > To check syntax, find problems, and enforce code style
-
What type of modules does your project use? > JavaScript modules (import/export)
-
Which framework does your project use? > None of these
-
Does your project use TypeScript? > NO
-
Where does your code run? > Browser, Node
-
How would you like to define a style for your project > Use a popular style guide
